/*
1. 导入 useState 函数
2. 调用 useState 函数，并传入状态的初始值(必须在函数组件中)
3. 从useState函数的返回值中，拿到状态和修改状态的方法[数据，修改数据]
4. 使用数据 修改数据
*/
/*
  const [count, setCount] = useState(0)
  1.useState传过来的参数 为count的初始值
  2.[count, setCount] = useState(0) 这里的写法是解构赋值,useState的返回值是一个数组
  3.[count, setCount] 名字可以自定义 遵循语义化规则
*/
//导入useState
import { useState } from 'react'
function App () {
  const [user, setUser] = useState({ name: 'Tom', age: 18 })
  //修改引用数据类型
  const changeName = () => {
    setUser(() => {
      return {
        ...user,
        name: 'Jerry'
      }
    })
  }
  return (
    <div className="App">
      {user.name}
      <button onClick={changeName}>changeData</button>
    </div>
  )
}
export default App
